<template>
    <!-- 车辆条目驳回记录页面... -->
    <el-card body-style="min-height: 86vh">
        <!-- 搜索 -->
        <el-form :model="searchForm">
            <el-row :gutter="10">
                <el-col :span="6">
                    <el-form-item label="车牌号" label-width="80">
                        <el-input  placeholder="请输入车牌号" style="width: 340px"
                            size="large"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="检测站" label-width="80">
                        <el-input  placeholder="请输入车牌号" style="width: 340px"
                            size="large"></el-input>
                    </el-form-item>
                </el-col>
                <!-- <el-col :span="6">
                    <el-form-item label="驳回日期" label-width="80">
                        <el-input v-model="searchForm.rejectDate" placeholder="驳回日期" style="width: 340px"
                            size="large"></el-input>
                    </el-form-item>
                </el-col> -->
                <el-col :span="6">
                    <el-form-item label="驳回日期" label-width="80">
                        <el-date-picker  type="daterange" size="large" range-separator="至"
                            start-placeholder="开始时间" end-placeholder="结束时间" />
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item>
                        <el-button type="primary" size="large" @click="handleGetTableList()">搜索</el-button>
                        <el-button size="large" @click="handleRestSearch()">重置</el-button>
                        <el-button size="large">导出</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <el-divider />
        <!-- 车辆条目审核驳回记录列表 -->
        <el-table :data="tableData" style="width: 100%">
            <el-table-column label="序号" type="index" width="100" align="center" />
            <el-table-column prop="testStation" label="检测站" align="center" />
            <el-table-column prop="licensePlate" label="车牌号" align="center" />
            <el-table-column prop="archivedBy" label="审核驳回用户" align="center" />
            <el-table-column prop="name" label="审核驳回时间" align="center" />
            <el-table-column prop="archivedBy" label="审核驳回意见" align="center" />
            <el-table-column prop="-" label="审核驳回图片" align="center" />
        </el-table>
        <!-- 分页 -->
        <el-pagination class="flex justify-center mt-2" background layout="total,prev, pager, next" :page-size="10"
            :total="tableData.length" />

    </el-card>

</template>

<script setup>
import { ref } from 'vue'
import { GetAllMateriaisAnnualVerificationMaterials } from '@/api/annualAudit'
import { useInitTable } from "@/hooks/useCommon";
const searchForm = ref({
    inspectionId: "",
    num: ""
});
const { tableData, handleRestSearch, handleGetTableList } =
    useInitTable({
        searchForm: {
            licensePlate: '',
            testStation: '',
            rejectDate: '',
            status: "2"
        },
        getTableList: GetAllMateriaisAnnualVerificationMaterials
    });
handleGetTableList()
</script>

<style></style>